.hero{width:1280px;height:720px;margin:20px auto;}
.hero1{width:1023px;height:623px;margin:20px auto;}
.hero2{width:1080px;height:720px;margin:20px auto;}
.hero3{width:1280px;height:960px;margin:20px auto;}
.hero4{width:1600px;height:954px;margin:20px auto;}
.hero5{width:1280px;height:850px;margin:20px auto;}
.mc-pager {z-index:300;position:fixed;left:30px;top:50%;transform: translate(0, -50%);
    -webkit-transform:translate(0, -50%);-ms-transform: translate(0, -50%);}
.mc-pager_icon {position:relative;display:block;margin:10px 4px;width:12px;height:12px;
    background-color: transparent;border: none;padding: 0;outline: none;}
.mc-pager_iconInner {position: absolute;
    box-sizing: border-box;
    display: block;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #cacaca;
    border: 2px solid transparent;
    border-radius: 6px;transform: scale(0.7);transition: transform .3s ease, -webkit-transform .3s ease;
    color: transparent;
    opacity: .35;
    outline: none;
    cursor: pointer;
}
.mc-pager_icon.is-active > .mc-pager_iconInner {background:none;border-color:#cacaca;opacity:1;
    -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}